@charset 'utf-8';

html {
	color: #333;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	*overflow: auto
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article,
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0
}

header, article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
	display: block
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

body, button, input, select, textarea{
	font: 12px/1.5 tahoma, arial, \5b8b\4f53
}
textarea{
	resize:none;
}
input, select, textarea{
	font-size: 100%;	
	outline: 0;
	font-family: "Microsoft YaHei";
}
a{
	outline: none
}
table {
	border-collapse: collapse;
	border-spacing: 0}

th {
	text-align: inherit;
	table-layout:fixed;
	word-break:break-all
}
td{
	word-break:break-all
}
fieldset, img{
	border: 0
}

iframe {
	display: block
}

abbr, acronym {
	border: 0;
	font-variant: normal
}

del {
	text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal
}

caption {
	display: none
}

ol, ul {
	list-style: none
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

h1 {
	font-size: 18px
}

h2 {
	font-size: 16px
}

h3 {
	font-size: 14px
}

h4, h5, h6 {
	font-size: 1em
}

hr {
	float: none;
	*float: left;
	margin: 0;
	*margin: 0 0 -14px 0;
	display: block;
	height: 1px;
	border: none;
	border-top: 1px solid #d9cfcd
}

q:before, q:after {
	content:''
}

sub, sup {
	font-size: 12px;
	line-height: 12px;
	position: relative;
	vertical-align: baseline
}
ins, a {
	text-decoration: none
}

a {
	color: #333
}

a:hover {
	text-decoration: none;
}
u, ins{
	text-decoration: none
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix{
	*+height:1%;
}
.hidden{
	overflow: hidden
}
/*.clearfix:after {
	content: "\20";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
 
.clearfix {
	display: inline-block
}
 
html[xmlns] .clearfix {
	display: block
}
 
* html .clearfix {
	height: 1%
}*/

/* 隐藏一个元素，建议在js调用该规则 */
.hide {
	display: none !important;
}

/* 定位 */
.abs {
	position: absolute
}

.rel {
	position: relative;
	overflow:visible;
}

.fix {
	position: fixed
}

/* 浮动 */
.fl {
	float: left
}

.fr {
	float: right
}

/* 盒模型 */
.il {
	display: inline
}

.ilb {
	display: inline-block
}

.bl {
	display: block
}

.cell {
	display: table-cell;
	*display: inline-block;
	width: 1920px;
	*width: auto
}

/* clear float */
.cl {
	clear: left
}

.cr {
	clear: right
}

.cb {
	clear: both
}

/* margin top */
.mt1 {
	margin-top: 1px
}

.mt2 {
	margin-top: 2px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}
.mt15 {
	margin-top: 15px
}
.mt20 {
	margin-top: 20px
}
.mt25 {
	margin-top: 25px
}
.mt30{
	margin-top: 30px
}
.mt35{
	margin-top: 35px;
}
.mt40{
	margin-top: 40px
}
.mt45{
	margin-top: 45px;
}
.mt50{
	margin-top: 50px
}
.mt60{
	margin-top: 60px
}
.mt70{
	margin-top: 70px
}
.mt80{
	margin-top: 80px
}
.mt90{
	margin-top: 90px
}
.mt100{
	margin-top: 100px
}
/* margin right */
.mr1 {
	margin-right: 1px
}
.mr2 {
	margin-right: 2px
}
.mr5 {
	margin-right: 5px
}
.mr10{
	margin-right: 10px
}
.mr15{
	margin-right: 15px
}
.mr20 {
	margin-right: 20px
}
.mr25 {
	margin-right: 25px
}
.mr30{
	margin-right: 30px
}
.mr40{
	margin-right: 40px
}
.mr50{
	margin-right: 50px
}
.mr60{
	margin-right: 60px
}
.mr70{
	margin-right: 70px
}
.mr80{
	margin-right: 80px
}
.mr90{
	margin-right: 90px
}
.mr100{
	margin-right: 100px
}
/* margin bottom */
.mb1 {
	margin-bottom: 1px
}

.mb2 {
	margin-bottom: 2px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px
}
.mb25 {
	margin-bottom: 25px
}
.mb30{
	margin-bottom: 30px
}
.mb40{
	margin-bottom: 40px
}
.mb50{
	margin-bottom: 50px
}
.mb60{
	margin-bottom: 60px
}
.mb70{
	margin-bottom: 70px
}
.mb80{
	margin-bottom: 80px
}
.mb90{
	margin-bottom: 90px
}
.mb100{
	margin-bottom: 100px
}
/* margin left */
.ml1 {
	margin-left: 1px
}

.ml2 {
	margin-left: 2px
}

.ml5 {
	margin-left: 5px
}
.ml10 {
	margin-left: 10px
}
.ml15 {
	margin-left: 15px
}
.ml20 {
	margin-left: 20px
}
.ml25{
	margin-left: 25px
}
.ml30{
	margin-left: 30px
}
.ml40{
	margin-left: 40px
}
.ml50{
	margin-left: 50px
}
.ml60{
	margin-left: 60px
}
.ml70{
	margin-left: 70px
}
.ml80{
	margin-left: 80px
}
.ml90{
	margin-left: 90px
}
.ml100{
	margin-left: 100px
}
/* padding top */
.pt10{
	padding-top: 10px
}
.pt15{
	padding-top: 15px
}
.pt20{
	padding-top: 20px
}
.pt20{
	padding-top: 25px
}
.pt30{
	padding-top: 30px
}
.pt35{
	padding-top: 35px
}
/* padding bottom */
.pb10{
	padding-bottom: 10px
}
.pb15{
	padding-bottom: 15px
}
.pb20{
	padding-bottom: 20px
}
.pb20{
	padding-bottom: 25px
}
.pb30{
	padding-bottom: 30px
}
.pb35{
	padding-bottom: 35px
}
/* line height */
.lh12 {
	line-height: 12px
}

.lhd {
	line-height: 1.25
}

.lh16 {
	line-height: 16px
}

.lh18 {
	line-height: 18px
}

.lh20 {
	line-height: 20px
}

.lh22 {
	line-height: 22px
}

.lh24 {
	line-height: 24px
}

/* font size */
.fs0 {
	font-size: 0
}

.fs10 {
	font-size: 10px
}

.fs12 {
	font-size: 12px
}

.fs14 {
	font-size: 14px
}

.fs16 {
	font-size: 16px
}

.fs18 {
	font-size: 18px
}

.fs20 {
	font-size: 20px
}

.fs24 {
	font-size: 24px
}

/* font weight */
.fwb {
	font-weight: bold
}

.fwn {
	font-weight: normal
}

/* 内容 */
.nowrap {
	white-space: nowrap;
	overflow: hidden
}

.ti2{
	text-indent: 2em
}

.center{
	text-align: center
}
/* color */
.c3 {
	color: #333
}
.c6{
	color: #666
}
.cf63 {
	color: #f63
}
.red{
	color: red
}

/* grid width 1210 */
.wide-screen {
	display: inherit
}

.wide-screen .yk-grid-col3, .wide-screen .yk-grid-col2, .wide-screen .yk-grid-col1 {
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	min-width: 1100px
}

.yk-grid-aside, .yk-grid-main, .yk-grid-extra {
	float: left
}

/* type col3 */
.yk-grid-col3 .yk-grid-aside {
	width: 240px
}

.wide-screen .yk-grid-col3 .yk-grid-main {
	margin-left: 10px;
	width: 650px
}

.yk-grid-col3 .yk-grid-extra {
	margin-left: 10px;
	width: 300px
}

.yk-grid-col2 {

}

/* type col2 left-main */
.yk-grid-col2.type-sm .yk-grid-aside {
	width: 240px
}

.yk-grid-col2.type-sm .yk-grid-main {
	float: right
}

.wide-screen .yk-grid-col2.type-sm .yk-grid-main {
	margin-left: 10px;
	width: 960px
}

.wide-screen .yk-grid-col2.type-sm .yk-grid-main .yk-grid-main-content {
	float: left;
	width: 650px;
	_overflow-x: hidden
}

.yk-grid-col2.type-sm .yk-grid-extra {
	margin-left: 10px;
	width: 300px
}

/* type col2 main-left */
.wide-screen .yk-grid-col2.type-mx .yk-grid-main {
	width: 900px
}

.yk-grid-col2.type-mx .yk-grid-extra {
	margin-left: 10px;
	width: 300px
}

/* type col1 */
.yk-grid-col1 .yk-grid-main {
	float: none
}

/* grid width 1000 */
/*.normal {
	display: inherit
}*/

.yk-grid-col3, .yk-grid-col2, .yk-grid-col1 {
	margin-right: auto;
	margin-left: auto;
	min-width: 1100px;
	width: 1100px;
}

.yk-grid-col3 .yk-grid-main {
	margin-left: 10px;
	width: 440px
}

.yk-grid-col2.type-sm .yk-grid-main {
	margin-left: 10px;
	width: 750px
}

.yk-grid-col2.type-sm .yk-grid-main .yk-grid-main-content {
	float: left;
	width: 440px
}

.yk-grid-col2.type-mx .yk-grid-main {
	width: 690px
}

.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(./images/icon16.gif);
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	*vertical-align: middle;
}

.icon-location {

}

.icon-recommend {
	background-position: left -160px
}

.icon-favourite {
	background-position: left -48px
}

.icon-favourite.white {
	background-position: left -32px
}

.icon-comment {
	background-position: left -112px
}

.icon-comment.white {
	background-position: left -96px
}

.icon-billboard {
	background-position: left -176px
}

.icon-location {
	background-position: left -16px
}

.icon-star {
	background-position: left -80px
}

.icon-star.white {
	background-position: left -64px
}

.icon-clock {
	background-position: left -128px
}

.icon-yen {
	background-position: left -144px
}

a.yk-btn, a.yk-btn span{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
}
a.yk-btn span{
	
}
a.yk-btn:hover{
	text-decoration:none;
}
/* 橙色按钮 */
.yk-primary, .yk-primary span {
	height:25px;
	line-height:25px;	
	background:url(images/primary-btn.gif) no-repeat;
	text-decoration:none;			
	font-family:\5b8b\4f53;
	font-size:12px;
}
/* 棕色按钮 */
.yk-secondary, .yk-secondary span{
	height:25px;
	line-height:25px;
	background:url(images/secondary-btn.gif) no-repeat;
	font-family:\5b8b\4f53;
	text-decoration:none;
}
/* 棕色按钮 */
.yk-normal, .yk-normal span{
	height:25px;
	line-height:25px;
	background:url(images/normal-btn.gif) no-repeat;
	font-family:\5b8b\4f53;
	text-decoration:none;
}

.yk-primary, .yk-secondary, .yk-normal{
	background-position:0px -696px;
	padding-left:15px;
}
.yk-primary span, .yk-secondary span, .yk-normal span{
	background-position:right -721px;
	padding-right:15px;
}
.yk-primary:hover, .yk-secondary:hover, .yk-normal:hover{
	background-position:0px -746px;
}
.yk-primary:hover span, .yk-secondary:hover span, .yk-normal:hover span{
	background-position:right -771px;
}
.yk-primary:active, .yk-secondary:active, .yk-normal:active{
	background-position:0px  -796px;
}
.yk-primary:active span, .yk-secondary:active span, .yk-normal:active span{
	background-position:right -821px;
}
/*大按钮橙色50px*/
.yk-btn-xxlarge, .yk-btn-xxlarge span{
	height:50px;
	line-height:50px;
	padding-left:36px;
	display:inline-block;
	font-family:\5fae\8f6f\96c5\9ed1;
	font-size:20px;
	text-decoration:none;
}
.yk-btn-xxlarge span{
	padding-left:0px;
	padding-right:36px;
}

.yk-btn-xxlarge{
	background-position:0px 0px;
}
.yk-btn-xxlarge span{	
	background-position:right -50px;	
}

.yk-btn-xxlarge:hover{
	background-position:0px -100px;
}
.yk-btn-xxlarge:hover span{
	background-position:right -150px;
}

.yk-btn-xxlarge:active{
	background-position:0px -200px;
}
.yk-btn-xxlarge:active span{
	background-position:right -250px;
}

.yk-btn-xlarge, .yk-btn-xlarge span{
	height:36px;
	line-height:36px;
	padding-left:30px;
	display:inline-block;
	font-family:\5b8b\4f53;
	font-weight:bold;
	font-size:14px;
}
.yk-btn-xlarge span{
	padding-left:0px;
	padding-right:30px;
}
.yk-btn-xlarge{
	background-position:0px -300px;
}
.yk-btn-xlarge span{	
	background-position:right -336px;	
}

.yk-btn-xlarge:hover{
	background-position:0px -372px;
}
.yk-btn-xlarge:hover span{
	background-position:right -408px;
}

.yk-btn-xlarge:active{
	background-position:0px -444px;
}
.yk-btn-xlarge:active span{
	background-position:right -480px;
}




.yk-btn-large, .yk-btn-large span{
	height:30px;
	line-height:30px;
	padding-left:30px;
	display:inline-block;
	font-family:\5b8b\4f53;
	font-weight:bold;
	font-size:14px;
}
.yk-btn-large span{
	padding-left:0px;
	padding-right:30px;
}
.yk-btn-large{
	background-position:0px -516px;
}
.yk-btn-large span{	
	background-position:right -546px;	
}

.yk-btn-large:hover{
	background-position:0px -576px;
}
.yk-btn-large:hover span{
	background-position:right -606px;
}

.yk-btn-large:active{
	background-position:0px -636px;
}
.yk-btn-large:active span{
	background-position:right -666px;
}



.yk-btn-medium, .yk-btn-medium span{
	height:25px;
	line-height:25px;
	padding-left:15px;
	display:inline-block;
	font-family:\5b8b\4f53;
	font-size:12px;
}
.yk-btn-medium span{
	padding-left:0px;
	padding-right:15px;
}
.yk-btn-medium{
	background-position:0px -696px;
}
.yk-btn-medium span{	
	background-position:right -721px;	
}

.yk-btn-medium:hover{
	background-position:0px -746px;
}
.yk-btn-medium:hover span{
	background-position:right -771px;
}

.yk-btn-medium:active{
	background-position:0px -796px;
}
.yk-btn-medium:active span{
	background-position:right -821px;
}



.yk-btn-mini, .yk-btn-mini span{
	height:20px;
	line-height:20px;
	padding-left:15px;
	display:inline-block;
	font-size:12px;
}
.yk-btn-mini span{
	padding-left:0px;
	padding-right:15px;
}
.yk-btn-mini{
	background-position:0px -846px;
}
.yk-btn-mini span{	
	background-position:right -866px;	
}

.yk-btn-mini:hover{
	background-position:0px -886px;
}
.yk-btn-mini:hover span{
	background-position:right -906px;
}

.yk-btn-mini:active{
	background-position:0px -926px;
}
.yk-btn-mini:active span{
	background-position:right -946px;
}




.yk-text{
	line-height:24px;
	height:24px;
	font-size:12px;
	padding:0 8px;
	margin:0;
	color:#666666;
}
.yk-text:focus{
	border:1px solid #ff9833;
}
.text-primary{
	border:1px solid #6699cc;
	
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
}
.yk-select{
	height:24px;
	font-size:12px;
	padding:0 0 0 2px;
	padding:2px 0 3px 0px\9;
	margin:0;
	vertical-align:middle;
	color:#666666;
}

.text-secondary{
	border:1px solid #cccccc;
	
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
}
.yk-area{
	height:58px;
	width:438px;
	padding:0 8px;
	resize:none;
}
.yk-area:focus{
	border:1px solid #ff9833;
}

.yk-page{
	color:#333;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}
.yk-page a, .yk-page span{
	color:#333;
	height:20px;
	width:14px;
	line-height:20px;
	display:inline-block;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	margin-right:5px;
}
.yk-page a:hover{
	color:#ff6633;
	text-decoration:underline;	
}
.yk-page .page-btn{
	padding:0 5px;
	width:auto;
	background-color:#eae6e5;
}
.yk-page .page-btn:hover{
	background-color:#936949;
	color:#ffffff;
	text-decoration:none;
}
.yk-page a.page-on{
	background-color:#f6b406;
	color:#ffffff;
	width:20px;
}
.yk-page a.page-on:hover{
	background-color:#f6b406;
	color:#ffffff;
	text-decoration:none;
	
}
.yk-page .page-submit{
	width:auto;
	padding:0 5px;
	background-color:#eae6e5;
	
}
.yk-page .page-submit:hover{
	background-color:#936949;
	color:#333;
	text-decoration:none;
}
.yk-page .page-target-text{
	height:18px;
	width:18px;
	border:1px solid #b2b2b2;
	text-align:center;
	vertical-align:bottom;
	+margin-bottom:-1px;
	_margin-top:-1px;
	margin-right:4px;
}
.table-list .dy{
	width:28px;
	height:28px;
	float:left;
	margin-top:12px;
	background:url(../../../images/hualong/hot-item.png) no-repeat 0px -367px;
	margin-right:5px;
	}
.table-list .db{
	width:28px;
	height:28px;
	float:left;
	margin-top:12px;
	background:url(../../../images/hualong/hot-item.png) no-repeat 0px -173px;
	margin-right:5px;
	}
.table-list .pt{
	width:28px;
	height:28px;
	float:left;
	margin-top:12px;
	background:url(../../../images/hualong/hot-item.png) no-repeat 0px -226px;
	margin-right:5px;
	}
.table-list .dx{
	width:28px;
	height:28px;
	float:left;
	margin-top:12px;
	background:url(../../../images/hualong/hot-item.png) no-repeat 0px -420px;
	margin-right:5px;
	}
